<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="author" content="菜鸟开发小组" />
		<meta name="keywords" content="Hyper IT,hyper it,it,hyper,IT 博客,博客,交流平台,IT交流网站,IT服务网站,菜鸟开发小组"/>
		<meta name="description" content="由菜鸟才发小组开发的一个苛求质量的高大上的IT服务网站，为IT技术圈内的大牛与小白提供了一个良好的技术交流平台。"/>
		<meta name="robots" content="all"/>
		<title>Hyper IT|博文</title>
		 
		 <link rel="icon" href="../../img/logo2.ico" type="image/x-icon"/>
		 <link rel="stylesheet" type="text/css" href="../../css/common.css"/>
		 <link rel="stylesheet" type="text/css" href="../../css/articledetial.css"/>
		 <link rel="stylesheet" type="text/css" href="../../css/commentitem.css"/>
		 
		 <link rel="stylesheet" href="../../editor.md-master/css/editormd.preview.min.css" />
    	 <link rel="stylesheet" href="../../editor.md-master/css/editormd.css" />
	</head>
	<body>
		<header>
			<a href="../index.html" title="一个苛求质量的IT服务网站" id="logo"><img src="../../img/logo.jpg" alt="logo"/></a>
			<nav>
				<ul class="link-nav">
					<li><a href="../blog/blogs.html"><i class="m-icon icon-blog"></i><span>博客园</span></a></li>
					<li><a href="../article/articles.html"><i class="m-icon icon-article"></i><span>博文阁</span></a></li>
					<li><a href="../aq/aqs.html"><i class="m-icon icon-aq"></i><span>问答楼</span></a></li>
					<li><a href="../note/notes.html"><i class="m-icon icon-note"></i><span>随笔本</span></a></li>
					<li><a href="../tag/tags.html"><i class="m-icon icon-boll"></i><span>标签库</span></a></li>
				</ul>
			</nav>
					
			<ul class="user-bar">
				<li class="help-search"><a href="../others/help.html">帮助</a></li>
				<li id="userbox"><a href="../user/login.html"><span>Go</span></a></li>
			</ul>
		</header>
		<div class="main">
			<div class="article-banner">
				<img src="../../img/f7ad220cc14d5c96946436da0a04871c.jpg"/>
				<div class="wrap article-info">
					<h1 id="article-title"></h1>
					<div id="author">
						<a href=""><img src=""/></a>
					</div>
					<div id="author-info">
						<span id="authorname"></span>
						<a href="javascript:void(0)" onclick="follow(authorId)">关注</a>
						<a href="javascript:void(0)" onclick="toSixin(authorId)">私信</a>
					</div>
					<p id="article-intro"></p>
					阅读量：<span id="reading"></span>&nbsp;&nbsp;&nbsp;
					打赏：<span id="reward"></span>&nbsp;&nbsp;&nbsp;
					收藏：<span id="collecting"></span>
					<div class="date">
						发布日期：<span id="date"></span>
					</div>
					<div class="article-tags">
						
					</div>
				</div>
			</div>
			<div class="wrap">
				<div class="article-content" id="article-content">
					<!--这里插入文章内容-->
				</div>
			</div>
			<div class="action">
				<div class="wrap">
					<a href="javascript:void(0)" onclick="collect(articleId,0)">收藏</a>
					<a href="javascript:void(0)" onclick="reward(articleId)">打赏</a>
					<a href="javascript:void(0)" onclick="toReport(articleId,0)">举报</a>
				</div>
			</div>
			
			<div class="wrap comment-wrap">
				<h1>评论</h1>
				<div class="to-comment">
					<h2>畅言</h2>
					<p>“谢谢每天对我说话的朋友们！每条评论我都有看到，网络是个好东西，让我们拉近了距离。”</p>
					<div class="this-commer">
						<img src="../../img/20150923215704_Q3ZaM.jpeg"/>
					</div>
					<textarea name="this-comment" id="this-comment"></textarea>
					<button id="say" onclick="say()">我说</button>
				</div>
				<div class="comments">	
					<!--这里插入评论-->
					<a href="javascript:void(0);" class="more" onclick="getMoreArticleComment()">加载更多...</a>
				</div>
			</div>
		</div>
		<footer>
			<div class="wrap">
				<p>Copyright &copy; 2017-5-5 Hyper IT of 菜鸟开发小组 All Rights Reserved.</p>
			</div>
		</footer>
		
		<script type="text/javascript" src="../../js/jquery-3.1.1.min.js"></script>
    	<script src="../../editor.md-master/lib/marked.min.js"></script>
    	<script src="../../editor.md-master/lib/prettify.min.js"></script>
    	<script src="../../editor.md-master/editormd.min.js"></script>
  		
  		
  		<script type="text/javascript" src="../../js/common.js" ></script>
  		<script type="text/javascript" src="../../js/thearticle.js" ></script>
	</body>
</html>
